<!DOCTYPE html>
<html>
<head>
	<title>19 行内与块状</title>
<style>
	#test2 {
		margin: 50px 5px;
		color: red;
	}

	a {
		display: block;
	}

	a:hover {
		background: gray;
		width: 50px;
		height: 50px;
	}

	#test3 {
		/*display: none;隐藏掉了*/
		display: inline;
		color: red;
	}
</style>
</head>
<body>
	<div id="test1">
		离离原上草 <br>
		一岁一<span id="test2">枯荣</span>
		野火烧不尽
	</div>
	<div>
		<a href="">导航1</a>
		<a href="">导航2</a>
	</div>

	<div>
		aaaaa <div id="test3">bbbb</div> ccc
	</div>
</body>
</html>
<!-- 在浏览器里写字，有行高的概念（基线）-->